<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="rem" content="design-width=720" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />
  <title>涨停助手</title>

  <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
  <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.15/common/vue/2.7.14.min.js"></script>
  <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
  <script src="//s.thsi.cn/cb?js/m/common/;cookie.js;user.js;basic.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js"></script>
  <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.3/business/stat.js"></script>
  <script type="text/javascript" src="//s.thsi.cn/hxapp/m/base/js/skywalking.1.1.5.min.js"></script>
  <link rel="stylesheet" type="text/css" href="//s.thsi.cn/js/m/toast/toast.css" />
  <script src="//s.thsi.cn/js/m/v2.9/business/getMarketInfo.js"></script>
  <script type="text/javascript" src="//s.thsi.cn/js/m/toast/toast.js"></script>
  <!-- 客服中心 -->
  <script src="//s.thsi.cn/cd/b2cweb-fe-common-resource-pod/js/fee-ui/1.0.1/fee-helper.umd.js"></script>
  <script src="//s.thsi.cn/js/m/kh/page-creator/client/appToWeixin.min.js"></script>
  <!-- hxmui -->
  <script src="//s.thsi.cn/sns/lib/front/thsc-theme/ths-theme.min.js"></script>
  <link rel="stylesheet" href="//s.thsi.cn/sns/lib/front/thsc-theme/ths-theme.min.css">
  <link rel="stylesheet" href="//s.thsi.cn/sns/lib/front/thsc-hxmui/0.6.0/style/index.css">
  <script src="//s.thsi.cn/sns/lib/front/thsc-hxmui/0.6.0/index.js"></script>

  <!-- build:css styles/limitAssistant.css -->
  <link type="text/css" rel="stylesheet" href="./styles/reset.css" />
  <link type="text/less" rel="stylesheet" href="./styles/index.less" />
  <link type="text/less" rel="stylesheet" href="./styles/common.less" />
  <link type="text/less" rel="stylesheet" href="./styles/baseToolTip.less" />
  <link type="text/less" rel="stylesheet" href="./styles/riskValidatePopup.less" />
  <!-- endbuild -->
  <!-- build:remove -->
  <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
  <!-- endbuild -->
</head>

<body>
  <div id="vuewrap" v-cloak :class="{'marginTop':marquee.list.length>0 && currentTab==0 && !marquee.close}">
    <!-- 集合竞价与数据异常的提示 -->
    <section class="marquee" :class="{'hide':currentTab!=0}" v-show="marquee.list.length>0 && !marquee.close">
      <div class="box">
          <ul :class="{'top':marquee.animate}" class="list clearfix">
              <li v-for="(item,index) in marquee.list">{{item}}</li>
          </ul>
      </div>
      <div class="close" @click="closeMarquee"></div>
    </section>
    <!-- iwencai -->
    <div class="iwencai" v-show="!inSearch && showWencai">
      <div class="logo1"></div>
      <div class="iwencai_input_box" @click="askWencai">
          <div class="ask-list">
            <div class="item" v-for="txt in askTextList">
              {{txt}}
            </div>
          </div>
      </div>
  </div>
    <!-- 底部tab -->
    <section class="tab" v-show="!inSearch">
      <div class="item" v-for="(tab,index) in tabs" @click="switchTab(tab,index)" ref="tab">
        <span :class="{'active':currentTab==index}"></span>
        <p :class="{'active2':currentTab==index}">{{ tab }}</p>
      </div>
    </section>
    <div class="height68"></div>
    <!-- 页面loading页面 -->
    <div class="initLoading hide" id="initLoading">
      <div class="wrap">
        <img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="">
        <p :class="{'adjustdot03':androidApp}">正在加载...</p>
      </div>
    </div>
    <!-- 接口错误页面 -->
    <div class="errLoading hide" @click="reload" id="errLoading">
      <div class="wrap">
        <img src="//s.thsi.cn/js/m/publicImg/error.png" alt="">
        <p>数据走丢了，点击屏幕重试</p>
      </div>
    </div>
    <div class="refreshLoading" v-show="summaryRefresh">
      <img src="./images/loading.gif" alt="">
    </div>
    <!-- 涨停概要 -->
    <section class="limitSummary" :class="{'hide':currentTab!=0}" id="limitSummary">
      <!-- 微信客服 -->
      <div class="weChatBlock" v-if="!isAddWeChat" @click="goWeChat">
        <div class="weChat">
          <div class="weChatIcon"></div>
          <div class="text">{{dlText}}</div>
          <div class="more"></div>
        </div>
        <div class="height20"></div>
      </div>
      <!-- 涨停概况 -->
      <div class="limitOverview">
        <div class="title">
          <h3><span :class="{'adjustdot03':androidApp}">今日涨停概况</span></h3>
        </div>
        <div class="detail">
          <div class="item">
            <h4>涨停(家)</h4>
            <p :class="{'red':parseFloat(indexSummaryData.headerState.all)>0,'adjustdot05':androidApp}">{{indexSummaryData.headerState.all}}</p>
          </div>
          <div class="item">
            <h4>涨停封板率</h4>
            <p :class="{'red':parseFloat(indexSummaryData.headerState.percent)>0,'adjustdot05':androidApp}">{{indexSummaryData.headerState.percent}}</p>
          </div>
          <div class="item">
            <h4>涨停详情</h4>
            <p @click="jump('limitSummary')">查看详情<i></i></p>
          </div>
        </div>
        <div class="height20"></div>
      </div>
      <!-- 昨日涨停股今日行情 -->
      <div class="yesterdayLimitup">
        <div class="title">
          <h3>昨日涨停股今日行情</h3>
          <p @click="jump('todayhq')">查看详情<i></i></p>
        </div>
        <div class="detail">
          <div class="data clearfix">
            <div class="item">
              <h4>昨日涨停(家)</h4>
              <p :class="{'red':parseInt(indexSummaryData.score.y)>0,'adjustdot05':androidApp}">{{indexSummaryData.score.y
                ||
                "--"}}</p>
            </div>
            <div class="item">
              <h4>今日继续涨停(家)</h4>
              <p :class="{'red':parseInt(indexSummaryData.score.continue)>0,'adjustdot05':androidApp}">{{indexSummaryData.score.continue
                || "--"}}</p>
            </div>
            <div class="item">
              <h4>今日上涨(家)</h4>
              <p :class="{'red':parseInt(indexSummaryData.score.up),'adjustdot05':androidApp}">{{indexSummaryData.score.up
                ||
                "--"}}</p>
            </div>
            <div class="item">
              <h4>平均涨幅</h4>
              <p :class="{'red':parseFloat(indexSummaryData.score.zf)>0,'green':parseFloat(indexSummaryData.score.zf)<0,'adjustdot03':androidApp}">{{indexSummaryData.score.zf
                &&
                parseFloat(indexSummaryData.score.zf).toFixed(2)+"%" || "--"}}</p>
            </div>
          </div>
          <div class="meter">
            <canvas id="meter" width="130px" height="105px"></canvas>
            <div class="label clearfix" v-show="hasCanvas">
              <span class="small">极弱</span><span class="big">极强</span>
            </div>
          </div>
        </div>
        <div class="height20"></div>
      </div>
      <!-- 明日潜力连板个股 -->
      <div class="potentialStock">
        <div class="title">
          <h3><span :class="{'adjustdot03':androidApp}">{{nextTradingDay}}潜力连板个股</span></h3>
          <span @click="potentialInfo('tips')" class="info"></span> <ins :class="{'adjustdot03':androidApp}">更新时间{{lastDay || "--"}} 15:30</ins>
        </div>
        <div class="tipsWrap" @touchmove.prevent v-show="summaryTips">
          <div class="mask" @click="potentialInfo('mask')"></div>
          <div class="tips">
            <h4>风险提示</h4>
            <p>该功能只做复盘参考，非荐股，高位股票风险较大，请注意交易风险</p>
            <span @click="potentialInfo('btn')">知道了</span>
          </div>
        </div>
        <div class="detail clearfix" v-show="!indexSummaryData.potential.empty">
          <!-- 右边的小三角 -->
          <div class="smallTriangle"></div>
          <!-- 左边名称代码 -->
          <div class="list-l">
            <div class="titleWrap">
              <ul class="table">
                <li>
                  股票名称
                </li>
              </ul>
            </div>
            <div class="stockWrap">
              <ul class="stock" v-for="(item,index) in indexSummaryData.potential.arr" v-if="index<potentialShowLength" @click="jumpFenshi('potentialStock',item,index)">
                <li>
                  <span class="name ellipsis">{{item.stockname || "--"}}</span>
                  <span class="code">{{item.stockcode || "--"}}</span>
                </li>
              </ul>
            </div>
          </div>
          <!-- 右边信息详情 -->
          <div class="list-r">
            <div class="titleWrap">
              <ul class="table">
                <li v-for="(item,index) in potentialTitle" class="rel clearfix" :class="'rel-'+(index+1)">
                  <span>{{item}}</span>
                </li>
              </ul>
            </div>
            <div class="stockWrap">
              <ul class="stock" v-for="(item,index) in indexSummaryData.potential.arr" v-if="index<potentialShowLength" @click="jumpFenshi('potentialStock',item,index)">
                <li class="hq rel-1 dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                    v-if="parseFloat(item.upRise)>0">+</i>{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                <li class="hq rel-2 dot3">{{(item.upRate=="--"?item.upRate:parseFloat(item.upRate)!=0 &&
                  parseFloat(item.upRate).toFixed(2)+"%") || "0.00%"}}</li>
                <li class="hq rel-3 dot3">{{typeof item.lbts =='number' && typeof item.lbzs =='number' ? item.lbts == item.lbzs ? item.lbts == 1 ? '首板' : item.lbzs + '连板' : item.lbts + '天' + item.lbzs +'板' : '--'}}</li>
                <li class="hq rel-4 dot3">{{parseFloat(item.ztgl) |  textFilter('%')}}</li>
                <li class="hq rel-5 dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                  {{parseFloat(item.price).toFixed(2) |  textFilter}}</li>
                <li class="reason dot3 rel-6">{{item.ztyy}}</li>
              </ul>
            </div>
          </div>
        </div>
        <p class="more" @click="findMore('compound0')" v-show="!indexSummaryData.potential.potentialLoading && !indexSummaryData.potential.empty && indexSummaryData.potential.arr.length > 5">
          {{potentialBottomBtn}}
        </p>
        <div class="empty" v-show="indexSummaryData.potential.empty">暂无相关个股</div>
        <p class="leaderLoading loading" v-show="indexSummaryData.potential.potentialLoading"><img src="./images/loading.gif"
            alt=""></p>
        <div class="height20"></div>
      </div>
      <!-- 市场龙头 -->
      <div class="marketLeader">
        <div class="title">
          <h3><span :class="{'adjustdot03':androidApp}">市场龙头</span></h3>
        </div>
        <div class="detail clearfix" v-show="!indexSummaryData.faucet.empty">
          <!-- 右边的小三角 -->
          <div class="smallTriangle"></div>
          <!-- 左边名称代码 -->
          <div class="list-l">
            <div class="titleWrap">
              <ul class="table">
                <li>
                  股票名称
                </li>
              </ul>
            </div>
            <div class="stockWrap">
              <ul class="stock" v-for="(item,index) in indexSummaryData.faucet.arr" v-if="index<faucetShowLength" @click="jumpFenshi('marketLeader',item,index)">
                <li>
                  <span class="name ellipsis">{{item.stockname || "--"}}</span>
                  <span class="code">{{item.stockcode || "--"}}</span>
                </li>
              </ul>
            </div>
          </div>
          <!-- 右边信息详情 -->
          <div class="list-r">
            <div class="titleWrap">
              <ul class="table">
                <li v-for="(item,index) in leaderTitle" class="rel clearfix" :class="'rel-'+(index+1)">
                  <span>{{item}}</span>
                </li>
              </ul>
            </div>
            <div class="stockWrap">
              <ul class="stock" v-for="(item,index) in indexSummaryData.faucet.arr" v-if="index<faucetShowLength" @click="jumpFenshi('marketLeader',item,index)">
                <li class="value1 hq rel-1 dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                  {{parseFloat(item.price).toFixed(2) |  textFilter}}</li>
                <li class="value2 hq rel-2 dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                    v-if="parseFloat(item.upRise)>0">+</i>{{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                <li class="value3 pt dot3 rel-3">{{item.ztyy}}</li>
                <li class="value4 pt rel-4 dot3">{{item.lbzs |  textFilter}}</li>
              </ul>
            </div>
          </div>
        </div>
        <p class="more" @click="findMore('compound1')" v-show="!indexSummaryData.faucet.leaderLoading && !indexSummaryData.faucet.empty && indexSummaryData.faucet.arr.length > 5">
          {{faucetBottomBtn}}
        </p>
        <div class="empty" v-show="indexSummaryData.faucet.empty">暂无相关个股</div>
        <p class="leaderLoading loading" v-show="indexSummaryData.faucet.leaderLoading"><img src="./images/loading.gif"
            alt=""></p>
        <div class="height20"></div>
      </div>
      <!-- 今日涨停股概念分布TOP3 -->
      <div class="conceptualTop3">
        <div class="title">
          <h3><span :class="{'adjustdot03':androidApp}">今日涨停股概念分布TOP3</span></h3>
        </div>
        <div class="detail" v-show="indexSummaryData.top3.length>0 && !indexSummaryData.top3Empty">
          <div class="item" v-for="(item,index) in indexSummaryData.top3" v-show="index<3" @click="jumpFenshi('conceptualTop3',item,index)">
            <p class="value1 dot3"><i>NO.{{index+1}}</i> <i :class="{'red':item.boardNum}">{{item.boardNum || "--"}}家</i></p>
            <p class="value2 dot3">{{item.boardName || "--"}}</p>
            <p class="value3 dot3" :class="{'red':parseFloat(item.boardPercent)>0,'green':parseFloat(item.boardPercent)<0,'adjustdot03':androidApp}"><i
                v-if="parseFloat(item.boardPercent)>0">+</i>{{item.boardPercent &&
              parseFloat(item.boardPercent).toFixed(2)+"%" || "--"}}</p>
          </div>
        </div>
        <div class="empty" v-show="indexSummaryData.top3Empty">暂无相关数据</div>
        <div class="height20" v-show="!indexSummaryData.ownStockEmpty"></div>
      </div>
      <!-- 自选股活跃个股 -->
      <div class="flexibleStock" v-show="!indexSummaryData.ownStockEmpty">
        <div class="title">
          <h3><span :class="{'adjustdot03':androidApp}">自选股活跃个股</span></h3>
        </div>
        <div class="detail">
          <ul class="head clearfix">
            <li v-for="(item,index) in ownStockTitle">{{item}}</li>
          </ul>
          <ul class="table" v-show="!indexSummaryData.ownStockEmpty && indexSummaryData.ownStock.length>0">
            <li v-for="(item,index) in indexSummaryData.ownStock" class="clearfix" @click="jump('indexOwnStock',item,index)">
              <div class="stock">
                <p class="name ellipsis">{{item.stockName || "--"}}</p>
                <p class="code">{{item.stockCode || "--"}}</p>
              </div>
              <p class="value1 hq dot3">{{item.limitGene || "--"}}</p>
              <p class="value2 hq dot3" :class="{'red':parseFloat(item.upRisePercent)>0,'green':parseFloat(item.upRisePercent)<0}">{{(item.nowPrice
                && item.nowPrice.toFixed(2)) || "--"}}</p>
              <p class="value3 hq dot3" :class="{'red':parseFloat(item.upRisePercent)>0,'green':parseFloat(item.upRisePercent)<0}"><i
                  v-if="parseFloat(item.upRisePercent)>0">+</i>{{(item.upRisePercent &&
                item.upRisePercent.toFixed(2)+"%") || "--"}}</p>
            </li>
          </ul>
          <div class="empty" v-show="indexSummaryData.ownStockEmpty">暂无相关个股</div>
          <p class="more" @click="findMore('geneOwn')" v-show="!indexSummaryData.ownStockEmpty && indexSummaryData.ownStock.length>0">查看更多</p>
        </div>
      </div>
      <!-- 问答模块 -->
      <div class="height20"></div>
      <homeqad></homeqad>
      <!-- 已经到底了 -->
      <!--<div class="hasOver">已经到底了</div>-->
      <fee-helper is-full comefrom="122" risk-type="4" company="zf"/>
    </section>
    <!-- 涨停复盘 -->
    <section class="limitCompound" :class="{'hide':currentTab!=1}">
      <!--头部的tab-->
      <div class="head-scroll">
        <ul class="compoundTag">
          <li @click="cutover('c1')" :class="{'active':currentTag==0}">涨停复盘</li>
          <li @click="cutover('c2')" :class="{'active':currentTag==1}">概念龙头</li>
          <li @click="cutover('c6')" :class="{'active':currentTag==2}">强趋势股</li>
          <li @click="cutover('c7')" :class="{'active':currentTag==3}">历史新高股</li>
          <li @click="cutover('c3')" :class="{'active':currentTag==4}">新股池</li>
          <li @click="cutover('c4')" :class="{'active':currentTag==5}">炸板池</li>
          <li @click="cutover('c5')" :class="{'active':currentTag==6}">跌停池</li>
        </ul>
        <!--移动的div-->
        <div class="activeBorder">
          <div class="line" data-stance="0">
          </div>
        </div>
      </div>
      <!-- 具体的细节 -->
      <div class="detail">
        <!-- 涨停复盘 -->
        <div class="type type1" v-show='currentTag==0'>
          <!-- 日历 -->
          <div id="calendar" class="calendar"></div>
          <!-- 提示 -->
          <p class="alert">数据更新时间{{lastDay}} 15:30，交易日15:30后刷新当日数据</p>
          <!-- 所有的板  -->
          <div class="allBorad">
            <div class="board" v-for="(item,key) in compoundObject1['current']" v-if="compoundObject1['current'].length!=0">
              <h4><span>{{key.split(",").join("")}}板</span><span class="red">{{item.length}}</span>家</h4>
              <ul class="item clearfix">
                <li v-for="(board,index) in item" @click="jump('compoundDetail',board,index)">
                  <div class="base">
                    <span class="name">{{board.stockname}}</span>
                    <span class="label red" v-if="board.kjb ||  board.lt" :class="{'adjustdot03':androidApp}">{{calcBoard1(board)}}</span>
                    <span class="label red r_block" :class="{'adjustdot03':androidApp}">{{typeof board.lbts =='number' && typeof board.lbzs =='number' ? board.lbts == board.lbzs ? board.lbts == 1 ? '首板' : board.lbzs + '连板' : board.lbts + '天' + board.lbzs +'板' : '--'}}</span>
                  </div>
                  <p class="flow">龙虎榜<span v-html="calcBoard3(board)"></span><span class="tip" :class="{'green':!board.wkb,'red':board.wkb}">{{calcBoard2(board)}}</span></p>
                  <p class="cause">涨停原因<span>{{board.ztyy?board.ztyy.length > 7 ? board.ztyy.substr(0,7) + '...' : board.ztyy : "--"}}</span></p>
                  <p class="limit">明日涨停概率<span class="red">{{board.ztgl?parseFloat(board.ztgl).toFixed(2)+"%":"--"}}</span></p>
                </li>
              </ul>
              <div class="height13"></div>
            </div>
            <div class="emptyData" v-show="compoundObject1.advanceData">
              <p>涨停复盘数据只显示到最近一个交易日数据<br>交易日15:30后刷新当日数据</p>
            </div>
            <div class="emptyData" v-show="compoundObject1.emptyData">
              <p>该日期暂无数据</p>
            </div>
          </div>
        </div>
        <div class="type type2" v-show='currentTag==1'>
          <div id="calendar2" class="calendar"></div>
          <p class="alert">数据更新时间{{lastDay2}} 15:30，交易日15:30后刷新当日数据</p>
          <!-- 所有的涨停 -->
          <div class="allLimit">
            <div class="limit" :class="'limit'+(index+1)" v-for="(item,index) in faucetObject['current']" v-if="faucetObject['current'].length!=0">
              <h4><span>{{item.ztyy}}</span><span>涨停个股</span><span class="red">{{item.counts}}</span>家</h4>
              <ul class="item clearfix">
                <li v-for="(stock,idx) in item.stocks" @click="jumpFenshi('allLimit',stock,idx)">
                  <p class="base clearfix"><span class="name">{{stock.stockname}}</span><span class="label red" v-if="stock.kjb ||  stock.lt">{{calcBoard1(stock)}}</span></p>
                  <p class="board"><span class="number">{{typeof stock.lbts =='number' && typeof stock.lbzs =='number' ? stock.lbts == stock.lbzs ? stock.lbts == 1 ? '首板' : stock.lbzs + '连板' : stock.lbts + '天' + stock.lbzs +'板' : '--'}}</span><span class="tip" :class="{'green':!stock.wkb,'red':stock.wkb}">{{calcBoard2(stock)}}</span></p>
                </li>
              </ul>
              <div class="height17"></div>
            </div>
            <div class="emptyData" v-show="faucetObject.advanceData">
              <p>概念龙头数据只显示到最近一个交易日数据<br>交易日15:30后刷新当日数据</p>
            </div>
            <div class="emptyData" v-show="faucetObject.emptyData">
              <p>该日期暂无数据</p>
            </div>
          </div>
        </div>

        <!--趋势连阳-->
        <div class="type type4" v-show='currentTag==2'>
          <!-- 列表 -->
          <div class="empty" v-if="pool4Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="type type4 clearfix" v-show='currentTag==2'>
            <p class="alert">盘中数据更新频率为5分钟</p>
            <!-- 列表 -->
            <div class="empty" v-if="pool4Empty">
              <img src="./images/icon-empty.png" alt="">
              <p>该板块暂无股票数据</p>
            </div>
            <div class="list clearfix" v-show="poolArr4.length!=0">
              <!-- 右边的小三角 -->
              <div class="smallTriangle"></div>
              <!-- 左边名称代码 -->
              <div class="list-l">
                <div class="titleWrap">
                  <ul class="title">
                    <li>
                      <span :class="{'adjustdot03':androidApp}">股票名称</span>
                    </li>
                  </ul>
                </div>
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in poolArr4" @click="jumpFenshi('poolArr4',item,index)">
                    <li>
                      <span class="name ellipsis">{{item.stockname || "--"}}</span>
                      <span class="code">{{item.stockcode || "--"}}</span>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 右边信息详情 -->
              <div class="list-r">
                <div class="titleWrap">
                  <ul class="title">
                    <li class="rel clearfix" v-for="(item,index) in sortNameC4" @click="sort('normal',index,item.sort,defaultSortC4.arr,'sortDirectionC4','sortC4')"
                        :class="{'rel-last':index>=8 || index == 3}">
                      <div class="triangle">
                        <span class="up" :class="{'active':sortDirectionC4[index]=='up'}"></span>
                        <span class="down" :class="{'active':sortDirectionC4[index]=='down'}"></span>
                      </div>
                      <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                    </li>
                  </ul>
                </div>
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in poolArr4" @click="jumpFenshi('poolArr4',item,index)">
                    <li class="hq dot3" :class="{'red':parseFloat(item.price)>0,'green':parseFloat(item.price)<0}">
                      {{parseFloat(item.price).toFixed(2) |  textFilter}}</li>
                    <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                            v-if="parseFloat(item.upRise)>0">+</i>
                      {{parseFloat(item.upRise).toFixed(2) |  textFilter('%')}}</li>
                    <li class="hq dot3 fontsize28">{{parseFloat(item.hsl).toFixed(2) |  textFilter('%')}}</li>
                    <li class="dot3 rel-last">{{item.industryname}}</li>
                    <li class="dot3">{{(parseFloat(item.jye)/yi).toFixed(2) | textFilter('亿')}}</li>
                    <li class="dot3  fontsize28">{{(parseFloat(item.jyl)/wan).toFixed(2) | textFilter('万')}}</li>
                    <li class="dot3">{{(parseFloat(item.ltz)/yi).toFixed(2) | textFilter('亿')}}</li>
                    <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                  </ul>
                </div>
              </div>
            </div>
            <p class="loading" v-show="pool4Loading"><img src="./images/loading.gif" alt=""></p>
          </div>
        </div>
        <!--创新高-->
        <div class="type type4" v-show='currentTag==3'>
          <!-- 列表 -->
          <div class="empty" v-if="pool5Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="type type3 clearfix" v-show='currentTag==3'>
            <p class="alert">盘中数据更新频率为5分钟</p>
            <!-- 列表 -->
            <div class="empty" v-if="pool5Empty">
              <img src="./images/icon-empty.png" alt="">
              <p>该板块暂无股票数据</p>
            </div>
            <div class="list clearfix" v-show="poolArr5.length!=0">
              <!-- 右边的小三角 -->
              <div class="smallTriangle"></div>
              <!-- 左边名称代码 -->
              <div class="list-l">
                <div class="titleWrap">
                  <ul class="title">
                    <li>
                      <span :class="{'adjustdot03':androidApp}">股票名称</span>
                    </li>
                  </ul>
                </div>
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in poolArr5" @click="jumpFenshi('poolArr5',item,index)">
                    <li>
                      <span class="name ellipsis">{{item.stockname || "--"}}</span>
                      <span class="code">{{item.stockcode || "--"}}</span>
                    </li>
                  </ul>
                </div>
              </div>
              <!-- 右边信息详情 -->
              <div class="list-r">
                <div class="titleWrap">
                  <ul class="title">
                    <li class="rel clearfix" v-for="(item,index) in sortNameC5" @click="sort('normal',index,item.sort,defaultSortC5.arr,'sortDirectionC5','sortC5')"
                        :class="{'rel-last':index>=8 || index == 3}">
                      <div class="triangle">
                        <span class="up" :class="{'active':sortDirectionC5[index]=='up'}"></span>
                        <span class="down" :class="{'active':sortDirectionC5[index]=='down'}"></span>
                      </div>
                      <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                    </li>
                  </ul>
                </div>
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in poolArr5" @click="jumpFenshi('poolArr5',item,index)">
                    <li class="hq dot3" :class="{'red':parseFloat(item.price)>0,'green':parseFloat(item.price)<0}">
                      {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
                    <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                            v-if="parseFloat(item.upRise)>0">+</i>
                      {{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                    <li class="hq dot3 fontsize28">{{parseFloat(item.hsl).toFixed(2) | textFilter('%')}}</li>
                    <li class="dot3 rel-last">{{item.industryname}}</li>
                    <li class="dot3">{{(parseFloat(item.jye)/yi).toFixed(2) | textFilter('亿')}}</li>
                    <li class="dot3  fontsize28">{{(parseFloat(item.jyl)/wan).toFixed(2) | textFilter('万')}}</li>
                    <li class="dot3">{{(parseFloat(item.ltz)/yi).toFixed(2) | textFilter('亿')}}</li>
                    <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                  </ul>
                </div>
              </div>
            </div>
            <p class="loading" v-show="pool5Loading"><img src="./images/loading.gif" alt=""></p>
          </div>
        </div>
        <div class="type type3 clearfix" v-show='currentTag==4'>
          <p class="alert">盘中数据更新频率为5分钟</p>
          <!-- 列表 -->
          <div class="empty" v-if="pool1Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="list clearfix" v-show="poolArr1.length!=0">
            <!-- 右边的小三角 -->
            <div class="smallTriangle"></div>
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title">
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr1" @click="jumpFenshi('poolArr1',item,index)">
                  <li>
                    <span class="name ellipsis">{{item.stockname || "--"}}</span>
                    <span class="code">{{item.stockcode || "--"}}</span>
                  </li>
                </ul>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameC1" @click="sort('normal',index,item.sort,defaultSortC1.arr,'sortDirectionC1','sortC1')"
                    :class="{'rel-7':index==6}">
                    <div class="triangle">
                      <span class="up" :class="{'active':sortDirectionC1[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionC1[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr1" @click="jumpFenshi('poolArr1',item,index)">
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                    {{parseFloat(item.price) | textFilter}}</li>
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                      v-if="parseFloat(item.upRise)>0">+</i>
                    {{ parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                  <li class="hq dot3">{{parseFloat(item.hsl).toFixed(2) | textFilter}}</li>
                  <li class="dot3">{{item.ssts | textFilter('天')}}</li>
                  <li class="dot3">{{item.kbts | textFilter('天')}}</li>
                  <li class="dot3">{{(parseFloat(item.cje)/yi).toFixed(2) | textFilter('亿')}}</li>
                  <li class="dot3 rel-7 fontsize28">{{(parseFloat(item.cjl)/wan).toFixed(2) | textFilter('万')}}</li>
                  <li class="dot3">{{(parseFloat(item.ltsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                  <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter('亿')}}</li>
                </ul>
              </div>
            </div>
          </div>
          <p class="loading" v-show="pool1Loading"><img src="./images/loading.gif" alt=""></p>
        </div>
        <div class="type type4" v-show='currentTag==5'>
          <p class="alert">数据更新时间{{lastDay}} 15:30，交易日15:30后刷新当日数据</p>
          <!-- 列表 -->
          <div class="empty" v-show="pool2Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="list clearfix" v-if="poolArr2.length!=0">
            <!-- 右边的小三角 -->
            <div class="smallTriangle"></div>
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title">
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr2" @click="jumpFenshi('poolArr2',item,index)">
                  <li>
                    <span class="name ellipsis">{{item.stockname || "--"}}</span>
                    <span class="code">{{item.stockcode || "--"}}</span>
                  </li>
                </ul>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameC2" :class="{'rel-6':index==3}" @click="sort('normal',index,item.sort,defaultSortC2.arr,'sortDirectionC2','sortC2')">
                    <div class="triangle" v-show="index!=3">
                      <span class="up" :class="{'active':sortDirectionC2[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionC2[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr2" @click="jumpFenshi('poolArr2',item,index)">
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                    {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                      v-if="parseFloat(item.upRise)>0">+</i>
                    {{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                  <li class="hq dot3">{{parseFloat(item.hsl).toFixed(2) | textFilter('%')}}</li>
                  <li class="rel-6 dot3">{{item.scztsj | textFilter}}</li>
                  <li class="dot3">{{(parseFloat(item.jye)/yi).toFixed(2) | textFilter("亿")}}</li>
                  <li class="dot3 fontsize28">{{(parseFloat(item.jyl)/wan).toFixed(2) | textFilter("万")}}</li>
                  <li class="dot3">{{(parseFloat(item.ltz)/yi).toFixed(2) | textFilter("亿")}}</li>
                  <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter("亿")}}</li>
                </ul>
              </div>
            </div>
          </div>
          <p class="loading" v-show="pool2Loading"><img src="./images/loading.gif" alt=""></p>
        </div>
        <div class="type type5" v-show='currentTag==6'>
          <p class="alert">数据更新时间{{lastDay}} 15:30，交易日15:30后刷新当日数据</p>
          <!-- 列表 -->
          <div class="empty" v-show="pool3Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="list clearfix" v-if="poolArr3.length!=0">
            <!-- 右边的小三角 -->
            <div class="smallTriangle"></div>
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title">
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr3" @click="jumpFenshi('poolArr3',item,index)">
                  <li>
                    <span class="name ellipsis">{{item.stockname || "--"}}</span>
                    <span class="code">{{item.stockcode || "--"}}</span>
                  </li>
                </ul>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameC3" :class="{'rel-6':index==4 || index==5}"
                    @click="sort('normal',index,item.sort,defaultSortC3.arr,'sortDirectionC3','sortC3')">
                    <div class="triangle" v-show="index!=4 && index!=5">
                      <span class="up" :class="{'active':sortDirectionC3[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionC3[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in poolArr3" @click="jumpFenshi('poolArr3',item,index)">
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                    {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
                  <li class="hq dot3" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}"><i
                      v-if="parseFloat(item.upRise)>0">+</i>
                    {{parseFloat(item.upRise).toFixed(2) | textFilter('%')}}</li>
                  <li class="hq dot3">{{parseFloat(item.hsl).toFixed(2) | textFilter('%')}}</li>
                  <li>{{item.isopen==1?'开板':'未开板'}}</li>
                  <li class="rel-6 dot3">{{item.scdtsj}}</li>
                  <li class="rel-6 dot3">{{item.zzdtsj}}</li>
                  <li class="dot3">{{item.lbzs | textFilter}}</li>
                  <li class="dot3">{{(parseFloat(item.jye)/yi).toFixed(2) | textFilter("亿")}}</li>
                  <li class="dot3 fontsize28">{{(parseFloat(item.jyl)/wan).toFixed(2) | textFilter("万")}}</li>
                  <li class="dot3">{{(parseFloat(item.ltz)/yi).toFixed(2) | textFilter("亿")}}</li>
                  <li class="dot3">{{(parseFloat(item.zsz)/yi).toFixed(2) | textFilter("亿")}}</li>
                </ul>
              </div>
            </div>
          </div>
          <p class="loading" v-show="pool3Loading"><img src="./images/loading.gif" alt=""></p>
        </div>
      </div>
    </section>
    <!-- 涨停基因 -->
    <section class="limitGene" :class="{'hide':currentTab!=2}">
      <div class="searchBox">
        <div class="search">
          <div class="input" :class="{'insearch':inSearch}">
            <span class="icon-search" alt=""></span>
            <input type="text" placeholder="股票搜索" v-model.trim="stockSearch" @click.stop="toSeach">
            <span class="icon-close" v-show="stockSearch.length>0" @click.stop="toClear"></span>
          </div>
          <span class="cancel" @click.stop="toCancel" v-show="inSearch">取消</span>
        </div>
        <div class="height20" v-show="!inSearch"></div>
      </div>
      <div class="searchList" v-show="inSearch">
        <ul v-show="stockSearch.length!=0 && searchArr.length!=0">
          <li v-for="(item,index) in searchArr" class="clearfix" @click="clickSearchResult(item,index)">
            <span class="name ellipsis">{{item.stockName}}</span>
            <span class="code">{{item.stockCode}}</span>
          </li>
        </ul>
        <div class="empty" v-show="stockSearch.length!=0 && searchEmpty">您输入的内容暂无关联股票</div>
        <p class="tips">因风险控制及合规要求，本功能暂不支持ST股票的涨停基因计算，敬请谅解！ </p>
      </div>
      <ul class="geneSelStockTab" v-show="!inSearch">
        <li @click="cutover('g1')">我的自选股<span></span></li>
        <li @click="cutover('g2')">全市场个股<span></span></li>
      </ul>
      <div class="activeBorder" v-show="!inSearch">
        <div class="line left">
          <!--移动的div-->
        </div>
      </div>
      <ul class="title" v-show="!inSearch">
        <li>
          <span :class="{'adjustdot03':androidApp}">股票名称</span>
        </li>
        <li class="rel clearfix" v-for="(item,index) in sortNameG1" @click="geneSort(index,'sortDirectionG1','sortG1')">
          <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
          <div class="triangle">
            <span class="up" :class="{'active':sortDirectionG1[index]=='up'}"></span>
            <span class="down" :class="{'active':sortDirectionG1[index]=='down'}"></span>
          </div>
        </li>
      </ul>
      <div class="detailWrap" v-show="!inSearch">
        <div class="detail">
          <div class="item ownStock" v-show="geneTab==0">
            <ul v-for="(item,index) in ownStock" v-if="ownStock.length!=0" @click="jump('ownStock',item,index)">
              <li>
                <span class="name ellipsis">{{item.stockName || "--"}}</span>
                <span class="code">{{item.stockCode || "--"}}</span>
              </li>
              <li class="hq dot3">{{item.score || "--"}}</li>
              <li :class="{'red':(item.change-0)>0,'green':(item.change-0)<0}" class="hq dot3">
                {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
              <li :class="{'red':(item.change-0)>0,'green':(item.change-0)<0}" class="hq dot3"><i v-if="(item.change-0)>0">+</i>
                {{parseFloat(item.change).toFixed(2) | textFilter("%")}}</li>
            </ul>
            <p class="loading" v-show="!ownEmpty && !noMoreOwnStock"><img src="//s.thsi.cn/js/m/publicImg/loading.png"><span
                :class="{'adjustdot03':androidApp}">正在加载...</span></p>
            <div class="empty" v-if="ownEmpty">
              <img src="./images/icon-empty.png" alt="">
              <p>您还未添加自选股</p>
            </div>
            <div class="refreshLoading" v-show="ownRefresh">
              <img src="./images/loading.gif" alt="">
            </div>
          </div>
          <div class="item marketStock" v-show="geneTab==1">
            <ul v-for="(item,index) in marketStock" v-if="marketStock.length!=0" @click="jump('marketStock',item,index)">
              <li>
                <span class="name ellipsis">{{item.stockName || "--"}}</span>
                <span class="code">{{item.stockCode || "--"}}</span>
              </li>
              <li class="hq dot3">{{item.score || "--"}}</li>
              <li :class="{'red':(item.change-0)>0,'green':(item.change-0)<0}" class="hq dot3">
                {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
              <li :class="{'red':(item.change-0)>0,'green':(item.change-0)<0}" class="hq dot3"><i v-if="(item.change-0)>0">+</i>
                {{parseFloat(item.change).toFixed(2) | textFilter("%")}}</li>
            </ul>
            <p class="loading" v-show="!marketEmpty && !noMoreMarketStock"><img src="//s.thsi.cn/js/m/publicImg/loading.png"
                alt=""><span :class="{'adjustdot03':androidApp}">正在加载...</span></p>
            <div class="empty" v-if="marketEmpty">
              <img src="./images/icon-empty.png" alt="">
              <p>暂无全市场个股</p>
            </div>
            <div class="refreshLoading" v-show="marketRefresh">
              <img src="./images/loading.gif" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="refresh" @click.stop="refresh('gene')" v-show="!inSearch"></div>
    </section>
    <!-- 涨停监控 -->
    <section class="limitMonitor" :class="{'hide':currentTab!=3}">
      <hxm-search
        disabled
        v-model="monitorSearchPattern"
        @click.native="handleMonitorSearchClick"
      ></hxm-search>
      <!-- 最多只能监控30支 -->
      <div class="tipsWrap" @touchmove.prevent v-show="monitorMax30">
          <div class="mask" @click="max30alert('mask')"></div>
          <div class="tips">
            <h4>提示</h4>
            <p>最多监控30只股票，请清理已关注个股再添加新的股票。</p>
            <span @click="max30alert('btn')">知道了</span>
          </div>
        </div>
      <div class="fixedTab">
        <!--头部的tab-->
        <ul class="monitorTag">
          <li @click="cutover('m1')" :class="{'active':monitorTab==0}">{{qlgTabDate}}涨停个股</li>
          <li @click="cutover('m2')" :class="{'active':monitorTab==1}">高度活跃个股</li>
          <li @click="cutover('m3')" :class="{'active':monitorTab==2}">已关注个股</li>
        </ul>
        <!--移动的div-->
        <div class="activeBorder">
          <div class="line" data-stance="0">
          </div>
        </div>
      </div>
      <div class="slideBg" @touchmove.prevent @click="cancelSetting"></div>
      <div class="slideNav" @touchmove.prevent>
        <div class="wrap">
          <h4>提醒条件设置</h4>
          <ul class="list">
            <li v-for="(item,index) in monitorSetting">
              <span class="circle" :class="{'hide':item.active}" @click="toChecked(item,index)"></span>
              <span class="checked" :class="{'hide':!item.active}" @click="toCancelChecked(item,index)"></span>
              <span class="name">{{item.name}}</span>
            </li>
          </ul>
        </div>
        <p class="tips">提示：设置的条件会应用到所有打开提醒的个股，下次开启将不再提示</p>
        <div class="confirm" @click.stop="confirmSetting">{{floatButtonTxt}}</div>
      </div>
      <!-- 具体的细节 -->
      <div class="detail">
        <div class="type type1" v-show="monitorTab==0">
          <div class="qlg-update-time">
            数据更新时间{{qlgUpdateTime}}，交易日15:30后刷新当日数据
          </div>
          <div class="potentialLoading loading" v-show="indexSummaryData.potential.potentialLoading"><img src="./images/loading.gif"
              alt="" /></div>
          <div class="alert" v-show="isFirstEnter && !monitorArr1Empty && !indexSummaryData.potential.potentialLoading"></div>
          <div class="empty" v-show="monitorArr1Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="refreshLoading" v-show="monitorRefresh" @touchmove.prevent>
            <img src="./images/loading.gif" alt="">
          </div>
          <div class="list clearfix" v-if="monitorArr1.length!=0 && !monitorArr1Empty">
            <!-- 右边的小三角 -->
            <div class="smallTriangle"></div>
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title clearfix">
                  <li @click.stop="toSetting('type1')">
                    <span :class="{'adjustdot03':androidApp}">提醒</span>
                    <i class="setting"></i>
                  </li>
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stock-button clearfix">
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in monitorArr1" @click="jumpFenshi('limitMonitor1',item,index)">
                    <li>
                      <span class="name ellipsis">{{item.stockname || "--"}}</span>
                      <span class="code">{{item.stockcode || "--"}}</span>
                    </li>
                  </ul>
                </div>
                <div class="buttonWrap">
                  <ul class="button" v-for="(item,index) in monitorArr1">
                    <li @click="toSubscribe('limitMonitor1',item,index)">
                      <span :class="{'active_span': monitorStocksCode.indexOf(item.stockcode) > -1}"></span>
                      <i :class="{'active_i': monitorStocksCode.indexOf(item.stockcode) > -1}"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameM1" :class="{'rel-6':index==1,'rel-2':index==2 || index==3}"
                    @click="sort('monitorPotential',index,item.sort,defaultSortM1.arr,'sortDirectionM1','sortM1')">
                    <div class="triangle">
                      <span class="up" :class="{'active':sortDirectionM1[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionM1[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in monitorArr1" @click="jumpFenshi('limitMonitor1',item,index)">
                  <li class="hq dot3">{{item.lbzs | textFilter}}</li>
                  <li class="hq dot3 rel-6">{{item.ztgl | textFilter("%")}}</li>
                  <li class="hq dot3 rel-2" :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                    <i v-if="parseFloat(item.upRise)>0">+</i>{{parseFloat(item.upRise).toFixed(2) | textFilter("%")}}
                  </li>
                  <li class="hq dot3 rel-2">
                    <i v-if="parseFloat(item.upRate)>0">+</i>{{parseFloat(item.upRate).toFixed(2) | textFilter("%")}}
                  </li>
                  <li class="hq dot3 " :class="{'red':parseFloat(item.upRise)>0,'green':parseFloat(item.upRise)<0}">
                    {{parseFloat(item.price).toFixed(2)  | textFilter}}</li>
                  <li class="dot3 font28">{{item.ztyy}}</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="type type2" v-show="monitorTab==1">
          <div class="alert" v-show="isFirstEnter && !monitorArr2Empty"></div>
          <div class="empty" v-if="monitorArr2Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>该板块暂无股票数据</p>
          </div>
          <div class="refreshLoading" v-show="monitorRefresh" @touchmove.prevent>
            <img src="./images/loading.gif" alt="">
          </div>
          <div class="list clearfix" v-if="monitorArr2.length!=0 && !monitorArr2Empty">
            <!-- 右边的小三角 -->
            <div class="smallTriangle"></div>
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title clearfix">
                  <li>
                    <span :class="{'adjustdot03':androidApp}">提醒</span>
                    <i class="setting" @click.stop="toSetting('type2')"></i>
                  </li>
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stock-button clearfix">
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in monitorArr2" @click="jumpFenshi('limitMonitor2',item,index)">
                    <li>
                      <span class="name ellipsis">{{item.stockName || "--"}}</span>
                      <span class="code">{{item.stockCode || "--"}}</span>
                    </li>
                  </ul>
                </div>
                <div class="buttonWrap">
                  <ul class="button" v-for="(item,index) in monitorArr2">
                    <li @click="toSubscribe('limitMonitor2',item,index)">
                      <span :class="{'active_span': monitorStocksCode.indexOf(item.stockCode) > -1}"></span>
                      <i :class="{'active_i': monitorStocksCode.indexOf(item.stockCode) > -1}"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameM2" :class="{'rel-6':index==2 ||　index==5}"
                    @click="sort('monitorSpecial',index,item.sort,defaultSortM2.arr,'sortDirectionM2','sortM2')">
                    <div class="triangle">
                      <span class="up" :class="{'active':sortDirectionM2[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionM2[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in monitorArr2" @click="jumpFenshi('limitMonitor2',item,index)">
                  <li class="hq dot3" :class="{'red':parseFloat(item.currentIncrease)>0,'green':parseFloat(item.currentIncrease)<0}"><i
                      v-if="parseFloat(item.currentIncrease)>0">+</i>{{parseFloat(item.currentIncrease).toFixed(2) | textFilter("%")}}</li>
                  <li class="hq dot3">{{item.limitGene || "--"}}</li>
                  <li class="hq rel-6 dot3" :class="{'red':parseFloat(item.fiveMinRise)>0,'green':parseFloat(item.fiveMinRise)<0}"><i
                      v-if="parseFloat(item.fiveMinRise)>0">+</i>{{parseFloat(item.fiveMinRise).toFixed(2) | textFilter("%")}}</li>
                  <li class="hq font28 dot">{{(parseFloat(item.sellPower)/wan).toFixed(2) | textFilter("万手")}}</li>
                  <li class="hq font28 dot">{{(parseFloat(item.buyPower)/wan).toFixed(2) | textFilter("万手")}}</li>
                  <li class="hq rel-6 dot3" :class="{'red':item.todayMaxRise>0,'green':item.todayMaxRise<0}"><i v-if="item.todayMaxRise>0">+</i>
                    {{(parseFloat(item.todayMaxRise)-0).toFixed(2) | textFilter("%")}}</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="type type3" v-show="monitorTab==2">
          <div class="alert" v-show="isFirstEnter && !monitorArr3Empty"></div>
          <div class="empty" v-if="monitorArr3Empty">
            <img src="./images/icon-empty.png" alt="">
            <p>您尚未监控股票</p>
          </div>
          <div class="refreshLoading" v-show="monitorRefresh" @touchmove.prevent>
            <img src="./images/loading.gif" alt="">
          </div>
          <div class="list clearfix" v-if="monitorArr3.length!=0 && !monitorArr3Empty">
            <!-- 左边名称代码 -->
            <div class="list-l">
              <div class="titleWrap">
                <ul class="title clearfix">
                  <li>
                    <span :class="{'adjustdot03':androidApp}">提醒</span>
                    <i class="setting" @click.stop="toSetting('type3')"></i>
                  </li>
                  <li>
                    <span :class="{'adjustdot03':androidApp}">股票名称</span>
                  </li>
                </ul>
              </div>
              <div class="stock-button clearfix">
                <div class="stockWrap">
                  <ul class="stock" v-for="(item,index) in monitorArr3" @click="jumpFenshi('limitMonitor3',item,index)">
                    <li>
                      <span class="name ellipsis">{{item.stockName || "--"}}</span>
                      <span class="code">{{item.stockCode || "--"}}</span>
                    </li>
                  </ul>
                </div>
                <div class="buttonWrap">
                  <ul class="button" v-for="(item,index) in monitorArr3">
                    <li @click="toSubscribe('limitMonitor3',item,index)">
                      <span :class="{'active_span': monitorStocksCode.indexOf(item.stockCode) > -1}"></span>
                      <i :class="{'active_i': monitorStocksCode.indexOf(item.stockCode) > -1}"></i>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <!-- 右边信息详情 -->
            <div class="list-r">
              <div class="titleWrap">
                <ul class="title">
                  <li class="rel clearfix" v-for="(item,index) in sortNameM3" @click="monitorSort(index,'sortDirectionM3','sortM1')">
                    <div class="triangle">
                      <span class="up" :class="{'active':sortDirectionM3[index]=='up'}"></span>
                      <span class="down" :class="{'active':sortDirectionM3[index]=='down'}"></span>
                    </div>
                    <span :class="{'adjustdot03':androidApp}">{{item.name}}</span>
                  </li>
                </ul>
              </div>
              <div class="stockWrap">
                <ul class="stock" v-for="(item,index) in monitorArr3" @click="jumpFenshi('limitMonitor3',item,index)">
                  <li class="hq dot3" :class="{'red':parseFloat(item.change)>0,'green':parseFloat(item.change)<0}"><i
                      v-if="parseFloat(item.change)>0">+</i>{{parseFloat(item.change).toFixed(2) | textFilter("%")}}</li>
                  <li class="hq dot3" :class="{'red':parseFloat(item.change)>0,'green':parseFloat(item.change)<0}">
                    {{parseFloat(item.price).toFixed(2) | textFilter}}</li>
                </ul>
              </div>
            </div>
            <div class="maxTip">最多监控30只股票</div>
          </div>
        </div>
      </div>
      <div class="refresh" @click.stop="refresh('monitor')"></div>
    </section>
    <basetooltip></basetooltip>
    <riskvalidatepopup></riskvalidatepopup>
  </div>
  <!-- build:js scripts/limitAssistant.js -->
  <script src="./scripts/config.js"></script>
  <script src="./scripts/stat.js"></script>
  <script src="./scripts/pull.min.js"></script>
  <script src="./scripts/chart.meter.js"></script>
  <script src="./scripts/calendar.js"></script>
  <script src="./scripts/utils.js"></script>
  <script src="./scripts/mixin.js"></script>
  <script src="./scripts/homeQAndA.js"></script>
  <script src="./scripts/BaseToolTip.js"></script>
  <script src="./scripts/riskValidatePopup.js"></script>
  <script src="./scripts/SkyWalking.js"></script>
  <script src="./scripts/index.js"></script>
  <!-- endbuild -->
</body>

</html>